<!-- # MIT License

# Copyright (c) 2018 NCC Group

# Permission is hereby granted, free of charge, to any person obtaining a copy
# of this software and associated documentation files (the "Software"), to deal
# in the Software without restriction, including without limitation the rights
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
# copies of the Software, and to permit persons to whom the Software is
# furnished to do so, subject to the following conditions:

# The above copyright notice and this permission notice shall be included in all
# copies or substantial portions of the Software.

# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERdoc/scCHANTABILITY,
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
# SOFTWARE. -->
<!DOCTYPE html>
<html lang="en">

<head>
    <title>House</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/default.min.css') }}">
    <script type=text/javascript src="{{
      url_for('static', filename='src-min/jquery.min.js') }}"></script>
    <script type=text/javascript src="{{
      url_for('static', filename='src-min/socket.io.js') }}"></script>
    <script type=text/javascript src="{{
      url_for('static', filename='src-min/bootstrap.min.js') }}"></script>
    <script type=text/javascript src="{{
      url_for('static', filename='js/app.js') }}"></script>
    <script type=text/javascript src="{{ url_for('static', filename='src-min/ace.js') }}"></script>
    <script type=text/javascript src="{{ url_for('static', filename='src-min/ext-beautify.js') }}"></script>
    <style>
        .row.content {
        height: 550px
    }
    /* Set gray background color and 100% height */

    .sidenav {
        background-color: #f1f1f1;
        height: 100%;
    }
    /* On small screens, set height to 'auto' for the grid */

    @media screen and (max-width: 767px) {
        .row.content {
            height: auto;
        }
    }
    </style>
</head>

<body>
    <div class="container-fluid">
        <div class="container-fluid">
            <a href="#" class="btn btn-secondary text-mute" id="menu-toggle" style="font-size: 250%;font-family: Apple Chancery, cursive">House</a>
            <div id="err_msg">
            </div>
            <div class="container-fluid">
                <ul class="nav nav-tabs">
                    <li class="nav active"><a data-toggle="tab" href="#env"><i class="glyphicon glyphicon-off"></i> Start</a></li>
                    <li class="nav"><a data-toggle="tab" href="#preload"><i class="glyphicon glyphicon glyphicon-flash"></i> Preload</a></li>
                    <li class="nav"><a data-toggle="tab" href="#monitor"><i class="glyphicon glyphicon glyphicon-phone"></i> Monitor</a></li>
                    
                    <li class="nav"><a data-toggle="tab" href="#enum"><i class="glyphicon glyphicon-eye-open"></i> Enumeration</a></li>
                    <li class="nav"><a data-toggle="tab" href="#hooks"><i class="glyphicon glyphicon-magnet"></i> Hooks</a></li>
                    <li class="nav"><a data-toggle="tab" href="#intercepts" onclick="socket.emit('fetchInspect');"><i class="glyphicon glyphicon-screenshot"></i> Intercept</a></li>
                    <li><span id="uuid" style="display: None;">{{ uuid }}</span>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="env">
                        {{ env | safe}}
                    </div>
                    <div class="tab-pane fade" id="monitor">
                        {{ monitor | safe}}
                    </div>
                    <div class="tab-pane fade" id="preload">
                        {{ preload | safe}}
                    </div>
                    <div class="tab-pane fade" id="enum">
                        {{ enum | safe}}
                    </div>
                    <div class="tab-pane fade" id="hooks">
                        {{ hooks | safe }}
                    </div>
                </div>
                <div class="tab-pane fade" id="intercepts">
                    {{intercepts | safe}}
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript">
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.session.setMode("ace/mode/javascript");
    editor.session.setUseWrapMode(true);

    var editor2 = ace.edit("editor2");
    editor2.setTheme("ace/theme/dracula");
    editor2.session.setMode("ace/mode/javascript");
    editor2.session.setUseWrapMode(true);

    var editor3 = ace.edit("editor3");
    editor3.setTheme("ace/theme/dracula");
    editor3.session.setMode("ace/mode/javascript");
    editor3.session.setUseWrapMode(true);

    var editor4 = ace.edit("editor4");
    editor4.setTheme("ace/theme/twilight");
    editor4.session.setMode("ace/mode/javascript");
    editor4.session.setUseWrapMode(true);
    editor4.session.setUseWorker(false)
    editor4.setReadOnly(true);


    var editor5 = ace.edit("editor5");
    editor5.setTheme("ace/theme/dracula");
    editor5.session.setMode("ace/mode/javascript");
    editor5.session.setUseWrapMode(true);
    editor5.session.setUseWorker(false)

    var editor6 = ace.edit("editor6");
    editor6.setTheme("ace/theme/terminal");
    editor6.session.setMode("ace/mode/javascript");
    editor6.session.setUseWrapMode(true);

    var editor7 = ace.edit("editor7");
    editor7.setTheme("ace/theme/monokai");
    editor7.session.setMode("ace/mode/javascript");
    editor7.session.setUseWrapMode(true);
    editor7.setReadOnly(true);

    var intercepts_script_editor = ace.edit("intercepts_script_editor");
    intercepts_script_editor.setTheme("ace/theme/dracula");
    intercepts_script_editor.session.setMode("ace/mode/javascript");
    intercepts_script_editor.session.setUseWrapMode(true);

    var editor_hook_history = ace.edit("editor_hook_history");
    editor_hook_history.setTheme("ace/theme/dracula");
    editor_hook_history.session.setMode("ace/mode/javascript");
    editor_hook_history.session.setUseWrapMode(true);

    var editor_enum_history = ace.edit("editor_enum_history");
    editor_enum_history.setTheme("ace/theme/dracula");
    editor_enum_history.session.setMode("ace/mode/javascript");
    editor_enum_history.session.setUseWrapMode(true);

    var editor_intercept_history = ace.edit("editor_intercept_history");
    editor_intercept_history.setTheme("ace/theme/dracula");
    editor_intercept_history.session.setMode("ace/mode/javascript");
    editor_intercept_history.session.setUseWrapMode(true);
    </script>
</body>

</html>